<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet/less" type="text/css" href="./css/iconfonts.less"/>
    <link rel="stylesheet/less" type="text/css" href="./css/public_css.less"/>
    <script src="./js/app.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
    </script>
</head>
<body>
<nav class="mui-bar mui-bar-tab index_nav_top" style="padding-top: 5px;">
	<a class="mui-tab-item" href="./dynamic.html">
		<span class="mui-icon iconfont icon-dongtai"><span class="mui-badge">9</span></span>
		<span class="mui-tab-label">动态</span>
	</a>
	<a class="mui-tab-item mui-active" href="./newsMsg.html">
		<span class="mui-icon iconfont icon-xiaoxi"></span>
		<span class="mui-tab-label">消息</span>
	</a>
	<a class="mui-tab-item" href="./CRM.html">
		<span class="mui-icon iconfont icon-crm"></span>
		<span class="mui-tab-label">CRM</span>
	</a>
	<a class="mui-tab-item" href="./office.html">
		<span class="mui-icon iconfont icon-bangong"></span>
		<span class="mui-tab-label">办公</span>
	</a>
	<a class="mui-tab-item" href="./meUser.html">
		<span class="mui-icon iconfont icon-wode"></span>
		<span class="mui-tab-label">我的</span>
	</a>
</nav>
		<header class="mui-bar mui-bar-nav" id="edit">
			<h1 class="mui-title">消息</h1>
			<a href="#" class="mui-icon iconfont icon-renyuanzengjia mui-pull-right" style="color:#8a8a8a"></a>
		</header>
		<div class="mui-content">
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#">
							<span class="mui-badge msgbox_info">3</span>
							<span class="mui-icon iconfont icon-gonggao columnList2" style="background: #5bb4da;"></span><span class="msg_list_text">公告</span>
						</a>
					</li>
					<!--<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#">
							<span class="mui-badge msgbox_info">1</span>
							<span class="mui-icon iconfont icon-comment columnList2" style="background: #ffa200;"></span><span class="msg_list_text">评论</span>
						</a>
					</li>-->
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#">
							<span class="mui-badge msgbox_info">5</span>
							<span class="mui-icon iconfont icon-xitongxiaoxi columnList2" style="background: #35b87f;"></span><span class="msg_list_text">系统消息</span>
						</a>
					</li>
				</ul>
				<p>
					<ul class="mui-table-view msgbox_list">
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
					            <div class="mui-media-body">
					            	<p>雪雪004 <span class="mui-pull-right">2017年09月11日 15:00</span></p>
					                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/2.jpg">
					            <div class="mui-media-body">
					                <p>jim哥 <span class="mui-pull-right">2017年09月11日 14:00</span></p>
					                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					        <a href="javascript:;">
					            <img class="mui-media-object mui-pull-left" src="./images/userLogo/3.jpg">
					            <div class="mui-media-body">
					             	<p>fay <span class="mui-pull-right">2017年09月11日 15:30</span></p>
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					    </li>
					</ul>
				</p>
		</div>
<script src="https://cdn.bootcss.com/less.js/3.0.0-pre.4/less.min.js"></script>
<script>
	$('.mui-tab-item').click(function(){
		var src = $(this).attr('href');
		window.location.href=src
	})
</script>
</html>